<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>3D animate</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/tongyongyangshi.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
	</head>

	<body>
		<div class="wrap">
			<header class="header_fourth">

				<header class="header_third">
					<header class="header_second">
						<header class="header_first">
							<div class="header">
								<img src="img/shininglogo.png" class="header_logo" />
								<ul class="nav">
									<li class="home"><a href="home.html"><span>Home</span></a></li>
									<li class="about"><a href="about.html"><span>ABOUT</span></a></li>
									<li class="renderings"><a href="renderings.html"><span>Renderings</span></a></li>
									<li class="bim"><a href="bim.html"><span>BIM</span></a></li>
									<li class="animate"><a href="animate.html"><span>3D Animate</span></a></li>
									<li class="contact">	<a href="contact.html"><span>Contact</span></a></li>
								<img src="img/nav.png" alt="" class="next_pull"/>
								</ul>
							</div>
						</header>
					</header>
				</header>
			</header>
			<div class="main">

				<div class="themes">
					<img src="img/line_yellow.png" />
					<p>3D ANIMATE</p>
					<img src="img/line_yellow.png" />
				</div>
				<div class="showPicTop" >
					<img src="img/3D-p1.jpg" class="show_animate"/>
					<img src="img/play.png" alt="" class="play" />
					<div class="show_text">
						<p class="show_text_top">3D ANIMATE</p>
						<p class="show_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
					</div>
				</div>
				<div class="pic_text">
					<div class="pic_text_second">
						<div class="pic_text_second_pic">
							<img src="img/3D-p2.jpg" alt="" class="thinker"/>
							<img src="img/play.png" alt="" class="play_small" />
							<div class="black"></div>
						</div>
						<div class="pic_text_second_text">
							<p class="pic_text_text_top">3D ANIMATE</p>
							<p class="pic_text_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
						</div>

					</div>
					<div class="pic_text_first">
						<div class="pic_text_text">
							<p class="pic_text_top">3D ANIMATE</p>
							<p class="pic_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
						</div>
						<div class="pic_text_pic">
							<img src="img/3D-p2.jpg" alt="" class="thinker"/>
							<div class="black"></div>
							<img src="img/play.png" alt="" class="play_small" />
						</div>
					</div>
					<div class="pic_text_second">
						<div class="pic_text_second_pic">
							<img src="img/3D-p2.jpg" alt="" class="thinker"/>
							<div class="black"></div>
							<img src="img/play.png" alt="" class="play_small" />
						</div>
						<div class="pic_text_second_text">
							<p class="pic_text_text_top">3D ANIMATE</p>
							<p class="pic_text_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
						</div>

					</div>
					<div class="pic_text_first">
						<div class="pic_text_text">
							<p class="pic_text_top">3D ANIMATE</p>
							<p class="pic_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
						</div>
						<div class="pic_text_pic">
							<img src="img/3D-p2.jpg" alt="" class="thinker"/>
							<div class="black"></div>
							<img src="img/play.png" alt="" class="play_small" />
						</div>
					</div>
					<div class="pic_text_second">
						<div class="pic_text_second_pic">
							<img src="img/3D-p2.jpg" alt="" class="thinker"/>
							<div class="black"></div>
							<img src="img/play.png" alt="" class="play_small" />
						</div>
						<div class="pic_text_second_text">
							<p class="pic_text_text_top">3D ANIMATE</p>
							<p class="pic_text_text_bottom">Nosape eaqui non nobitati te ommos deria nos quatur? Pario comnit reris aut modic tecuptat omni ad explanditam verupis nia sequist la et liquo omnia</p>
						</div>

					</div>
				</div>
			</div>
			<div class="themes">
				<img src="img/line_yellow.png" />
				<p>CONTACT US</p>
				<img src="img/line_yellow.png" />
			</div>
			<footer>
				<p>Email：eric@shining365.com</p>
				<p>Mobile Phone：86 138 1690 3400</p>
				<p>Tel：+86 21 6598 6866-304+86 21 6598 3188-304</p>
				<img src="img/top.png" class="totop" />
			</footer>
			<div class="copyright">
				<p>Copyright © 1998-2015 shining Group</p>
			</div>
		</div>
	</body>
	<script src="js/jQeury-1.12.4.min.js"></script>
	<script src="js/guidance.js"></script>
	<script src="js/xiaohuojian.js"></script>
	<script src="js/animate.js"></script>

</html>